<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>allinone carousel演示(sweet皮肤/固定尺寸)_素材火</title>

<link rel="stylesheet" href="css/allinone_carousel.css">
<script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/allinone_carousel.js"></script>

<script>
$(function() {
    $('#allinone_carousel_sweet').allinone_carousel({
        skin: 'sweet',
        width: 990,
        height: 454,
        autoPlay: 4,
        resizeImages: true,
        autoHideBottomNav: false,
        //easing:'easeOutBounce',
        numberOfVisibleItems: 5,
        elementsHorizontalSpacing: 110,
        elementsVerticalSpacing: 20,
        verticalAdjustment: 0,
        animationTime: 0.5,
        circleLeftPositionCorrection: 50,
        circleTopPositionCorrection: 20,
        nextPrevMarginTop: 25,
        playMovieMarginTop: -15,
        bottomNavMarginBottom: -25
    });
});
</script>
</head>

<body>
<h1>allinone carousel演示(sweet皮肤/固定尺寸)</h1>

<!-- 代码开始 -->
<div style="height: 590px;background:url(images/preview_images/sweetBg.jpg) top center no-repeat;" id="banner-div-contentSlider">
	<div id="zzz" style="width:990px;margin: 0 auto; padding:10px 0 0 0;">
		<div style="width:990px; height:460px; margin:15px auto 0 auto;">
			<div id="allinone_carousel_sweet">
				<div class="myloader"></div>
				<ul class="allinone_carousel_list">					
					<li data-title="Lorem ipsum dolor sit amet, consectetur adipiscing elit" data-bottom-thumb="images/sweet/thumbs/01_sweet.jpg"><img src="images/sweet/01_sweet.png" alt="" /></li>
					<li data-title="Curabitur at enim a sem posuere consequat vel in lectus" data-bottom-thumb="images/sweet/thumbs/02_sweet.jpg" data-video="true"><img src="images/sweet/02_sweet.png" alt="" />
						<iframe width="520" height="360" src="http://player.youku.com/player.php/sid/XMzQ4NzE4MTMy/v.swf" frameborder="0" allowfullscreen></iframe>
					</li>
					<li data-link="http://www.sucaihuo.com/js/249.html" data-target="_blank" data-title="Donec sagittis nisi nec ante molestie lobortis" data-bottom-thumb="images/sweet/thumbs/03_sweet.jpg"><img src="images/sweet/03_sweet.png" alt="" /></li>
					<li data-title="Cras pellentesque fermentum pellentesque" data-bottom-thumb="images/sweet/thumbs/04_sweet.jpg"><img src="images/sweet/04_sweet.png" alt="" /></li>
					<li data-title="Nunc fringilla sapien id arcu mattis pulvinar" data-bottom-thumb="images/sweet/thumbs/05_sweet.jpg" data-video="true"><img src="images/sweet/05_sweet.png" alt="" />
						<iframe width="520" height="360" src="http://player.youku.com/player.php/sid/XMzQ4NzE4MTMy/v.swf" frameborder="0" allowfullscreen></iframe>
					</li>
					<li data-title="Sed imperdiet condimentum est, at cursus mauris lobortis eget" data-bottom-thumb="images/sweet/thumbs/06_sweet.jpg"><img src="images/sweet/06_sweet.png" alt="" /></li>
					<li data-title="Quisque vestibulum congue massa" data-bottom-thumb="images/sweet/thumbs/07_sweet.jpg"><img src="images/sweet/07_sweet.png" alt="" /></li>
					<li data-title="Mauris vel odio mi, eget euismod sem" data-bottom-thumb="images/sweet/thumbs/08_sweet.jpg"><img src="images/sweet/08_sweet.png" alt="" /></li>
					<li data-title="Suspendisse ultrices sollicitudin venenatis" data-bottom-thumb="images/sweet/thumbs/09_sweet.jpg"><img src="images/sweet/09_sweet.png" alt="" /></li>
					<li data-title="Aenean venenatis porta turpis, in tempor lorem ornare" data-bottom-thumb="images/sweet/thumbs/10_sweet.jpg"><img src="images/sweet/10_sweet.png" alt="" /></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 代码结束 -->









<!-- 以下是统计和广告，与演示无关，不必理会 -->
<style type="text/css">
body { margin: 0;}
h1 { margin: 40px 10px; font: 32px Microsoft Yahei; text-align: center;}

.vad { margin:30px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}

.a728x90 { width: 728px; height: 90px; margin: 0 auto;}
</style>

<p class="vad"><a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">说 明</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">下 载</a></p>

</body>
</html>